<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
		<style>
			bo dy{
				width: 100%;
				height: 100000000px;
				background-image: url(img/蜡笔小新.png);
				background-size: contain;
				/* 函数 cover 等比例放大图片  特点：图片按照比例放大存背景空间
					  【开发者：背景图大小是否等于背景空间】
				      contain 等比例缩放图片  特点：图片按照比例缩放存背景空间
					  【开发者：背景图等比例显示在背景空间】
					  */
					 /*背景附件--尺寸中存在cover或者contain*/
					 background-attachment: fixed;/*背景图固定   scroll  不固定*/
			}
			
			
			
			div{
				width: 300px;
				height: 300px;
				background-color: #aaffff;
				background: #ffff7f;
				background-image: url(img/蜡笔小新.png);
				/*问题：超大图-不显示  小图-显示 
				 注意：背景空间大小，如果图小于背景空间---平铺
				 */
				background-repeat: no-repeat;
				/*no-repeat;不平铺  repeat-x 、y   横 纵向平铺*/
				background-size: 30%;
				/*背景尺寸属性值：数值px % |函数 cover contain*/
				/*背景定位：前提背景空间大于背景图 关键字  center\let\right\top....*/
				background-position: 80% 0;
			}
		</style>
	</head>
	<body>
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt placeat libero accusamus, incidunt in minima eligendi. Commodi accusamus architecto blanditiis nam, id, ex tempora animi ea dolores fugit perspiciatis corporis?
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus rem non recusandae esse, blanditiis qui ad labore doloremque repellat quibusdam perspiciatis culpa deserunt voluptatum odio quis ipsum numquam velit! Voluptatum!
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos incidunt quo optio ab assumenda aliquid repellendus! Nisi minima magnam sed amet a consequatur iusto cum velit, quaerat tenetur saepe modi.
		
		<!-- html.img图片 引入一张图片，位置不可以随意改变
             css  背景图片 引入一张图片，位置可以随意改变	
			   子属性 background-color 背景颜色
			        background-image 背景图
					background-repeat  背景重复
					background-size   背景尺寸
					background-attachment   背景附件
					background-position   背景定位
			   复合属性 background ： background-image  background-color  background-positio  
			                         background-size  background-repeat  background-attachment代替子属性
									 
		       简写属性 background :  background-image  background-position|background-size  
			   代替子属性 background-image、background-color、background-repeat
		 -->
		 <div></div>
	</body>
</html>